<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/连载动画.css">
    <link rel="stylesheet" href="css/mui.min.css">
    <script src="js/template-native.js"></script>
    <script src="js/连载.js"></script>
    <script src="js/jquery-3.0.0.min.js"></script>
</head>
<body>
<div class="container">
    <!--title部分-->
    <div class="top">
        <a href="#" class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
        <h1>连载动漫</h1>
    </div>
    <!--search部分-->
    <div class="search">
        <span>版本◇<em></em></span>
        <span>字母◇<em></em></span>
        <span>排序◇<em></em></span>



    </div>
    <div class="nav">
        <ul>

        </ul>

    </div>
</div>

</div>
</body>
</html>
<script type="text/template" id="t2">
    <%for(var i=0;i
    <array.length;i++){%>
    <li>
        <a href="<%=array[i].url%>">
            <img src="<%=array[i].img%>" alt="">
        </a>
        <h3><%=array[i].name%></h3>
        <h4><%=array[i].updateTime%></h4>
        <p>下载次数   <%=array[i].downloadCount%></p>
        <span><%=array[i].episode%></span>
    </li>
    <%}%>


</script>
<script>
    $.ajax({
        type: "get",
        url: "http://127.0.0.1:9090/api/getlianzai",
        data: "json",
        success: function (data) {
            var html = template("t2", {array: data});
            $(".nav ul").html(html);
        }
    })
</script>